@require "../../css/base.styl"

.toast-message
  word-break: break-all
  color: $color-toaster-text

.toaster
  border-radius: 2px
  cursor: pointer
  position: fixed
  right: 10px
  top: 10px
  width: auto
  max-width: 420px
  min-width: 240px
  min-height: 42px
  padding: 15px 15px 15px 42px
  z-index: $zindex-toaster
  opacity: .8

  i
    position: absolute
    top: 50%
    left: 10px
    color: #fff
    font-size: 16px
    margin-top: -8px

.toast-success
  background-color: $color-toaster-success-background
  border: solid 1px darken($color-toaster-success-background, 10%)

.toast-error
  background-color: $color-toaster-error-background
  border: solid 1px darken($color-toaster-error-background, 10%)

.toast-info
  background-color: $color-toaster-info-background
  border: solid 1px darken($color-toaster-info-background, 10%)

.toast-warning
  background-color: $color-toaster-warning-background
  border: solid 1px darken($color-toaster-warning-background, 10%)
